<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/header.jsp" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>我的优惠券</title>
    <link rel="stylesheet" href="${Layui}/css/layui.css" media="all">
    <script src="${jquery}/jquery-3.1.1.js" charset="utf-8"></script>
    <script src="${Layui}/layui.js" charset="utf-8"></script>

    <script src="${Js}/front/mycoupons.js" charset="utf-8"></script>
    <!-- JqueryUI -->
    <link rel="stylesheet" type="text/css" href="${style}/front/jquery-ui.css">

    <link rel="stylesheet" type="text/css" href="${style}/animate.min.css">
    <link rel="stylesheet" type="text/css" href="${style}/input.css">
    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="${Bootstrap}/css/bootstrap.css">
    <!-- Awesome font icons -->
    <link rel="stylesheet" type="text/css" href="${style}/front/font-awesome.min.css" media="screen">
    <!-- Owlcoursel -->
    <link rel="stylesheet" type="text/css" href="${style}/front/owl-coursel/owl.carousel.css">
    <link rel="stylesheet" type="text/css" href="${style}/front/owl-coursel/owl.transitions.css">
    <!-- Magnific-popup -->
    <link rel="stylesheet" type="text/css" href="${style}/front/magnific-popup/magnific-popup.css">
    <!-- Style -->
    <link rel="stylesheet" type="text/css" href="${style}/front/style.css" media="screen">
    <!-- Fw -->
    <link rel="stylesheet" type="text/css" href="${style}/front/fw.css" media="screen">
    <!-- BeAlert -->
    <link rel="stylesheet" type="text/css" href="${Resource}/BeAlert/BeAlert.css" media="screen">

</head>
<body>
<%--herder--%>
<jsp:include page="../header.jsp"/>

<section class="m-t-0">
    <input type="text" value="${pageIndex}" hidden id="pageIndex">
    <input type="text" value="${pageCount}" hidden id="pageCount">
    <input type="text" value="${condition}" hidden id="condition">
    <input type="text" value='${jsonObject}' hidden id="jsonObject">
    <div class="container m-t-30">
        <%--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>--%>
        <div class="row">
            <div class="col-sm-2 col-md-2 col-lg-2 pull-left">
                <h3 class="title f-30">个人优惠券</h3>
            </div>
        </div>
        <div class="row ht-tabs ht-tabs-product">
            <div class="col-md-3 col-lg-2 pull-left-xs">

                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li class="panel panel-default">
                        <a href="/front/mybuycar/buycarlist">购物车</a>
                    </li>
                    <li class="panel panel-default">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">我的订单</a>
                        <div id="collapse1" class="panel-collapse collapse in">
                            <ul class="panel-body">
                                <li>
                                    <a href="/front/purchase/alls">全部</a>
                                </li>
                                <li>
                                    <a href="/front/purchase/waits">待付款</a>
                                </li>
                                <li>
                                    <a href="/front/purchase/payed">待发货</a>
                                </li>
                                <li>
                                    <a href="/front/purchase/sent">待收货</a>
                                </li>
                                <li>
                                    <a href="/front/purchase/done">已完成</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="panel panel-default">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">优惠券</a>
                        <div id="collapse2" class="panel-collapse collapse in">
                            <ul class="panel-body">
                                <li role="presentation">
                                    <a href="/front/mycoupons/showdetail">全部优惠券</a>
                                </li>
                                <li role="presentation" class="active">
                                    <a href="/front/mycoupons/showdetailbyMycoupons">我的优惠券</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="panel panel-default">
                        <a href="/front/wallet">我的钱包</a>
                    </li>
                    <li class="panel panel-default">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse4">个人信息管理</a>
                        <div id="collapse4" class="panel-collapse collapse in">
                            <ul class="panel-body">
                                <li role="presentation">
                                    <a href="/front/persion/showMyInfo">我的信息</a>
                                </li>
                                <li role="presentation">
                                    <a href="/front/address/showaddress">地址管理</a>
                                </li>
                                <li role="presentation">
                                    <a href="/front/persion/showupdatepwd">修改密码</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="col-md-9 col-lg-10">
                <div class="panel-body">
                    <table class="table table-hover">
                        <colgroup>
                            <col width="100">
                            <col width="200">
                            <col width="100">
                            <col width="100">
                            <col width="100">
                            <col width="100">
                        </colgroup>
                        <thead>
                        <tr>
                            <th>名称</th>
                            <th>详细描述</th>
                            <th>领取时间</th>
                            <th>截止时间</th>
                            <th>使用时间</th>
                            <th>优惠券状态</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <c:forEach items="${croMyqpons}" var="coupons" varStatus="i">
                            <tr>
                                <td>${SysDict['cropons_type'][coupons.croCoupons.type]}</td>
                                <td>${coupons.croCoupons.description}</td>
                                <td>${coupons.createdate}</td>
                                <td>${coupons.offdate}</td>
                                <td>${coupons.usedate}</td>
                                <td>${SysDict['myqpon_status'][coupons.status]}</td>
                                <td><a data-method="delete" id="mycoupons" couponsid="${coupons.id}"
                                       class="btn btn-primary btn-lg delete">删除</a>
                                </td>
                            </tr>
                        </c:forEach>
                        </tbody>
                    </table>
                </div>
            </div>
            <%--分页显示区域--%>
            <div id="mycoupon" class="pull-right"></div>
        </div>
    </div>
</section>

<%--footer--%>
<jsp:include page="../footer.jsp"/>

<!-- jQuery -->
<script src="${jquery}/jquery.js" charset="utf-8"></script>

<!-- JqueryUI -->
<script src="${jquery}/jquery-ui.js"></script>
<!-- Bootstrap -->
<script src="${Bootstrap}/js/bootstrap.js"></script>
<!-- Owl-coursel -->
<script src="${Js}/front/owl-coursel/owl.carousel.js"></script>
<!-- Magnific-popup -->
<script src="${Js}/front/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Script -->
<script src="${Js}/front/script.js"></script>

<script text="type/javascript" src="${Js}/front/input.js"></script>
</body>
</html>
